<p:dialog xmlns="http://www.w3.org/1999/xhtml"
      	  xmlns:h="http://java.sun.com/jsf/html"
      	  xmlns:f="http://java.sun.com/jsf/core"
      	  xmlns:ui="http://java.sun.com/jsf/facelets"
      	  xmlns:p="http://primefaces.org/ui"
      	  modal="true"  resizable="true" width="50%"
		  widgetVar="dialogManterFornecedor" id="idDialogManterFornecedor" closable="true"
		  appendTo="@(body)" header="Cadastrar Novo Fornecedor"> 	
  	
	 <link rel="stylesheet" type="text/css" href="./estilos.css"/>  
<h:form id="formDialogManterFornecedor" prependId="false">
<h:panelGroup id="pgDialogManterFornecedor">
 	<p:messages id="messagesCompraManterFornecedor" autoUpdate="true" closable="true" />  
    	<h:panelGrid  columns="3" style="margin-top:20px; margin-right:10%;">  
            <h:outputLabel value="Código" styleClass="outputLabel"/>  
            <h:outputLabel value="Razão Social*" styleClass="outputLabel"/>  
            <h:outputLabel value="Nome Fantasia*" styleClass="outputLabel"/>             
            <p:inputText value="#{compraBean.fornecedor.idFornecedor}" styleClass="inputId" disabled="true" maxlength="10"/>  
  			<p:inputText value="#{compraBean.fornecedor.razaoSocial}" maxlength="40"
  							styleClass="inputDescricao" required="true" requiredMessage="Informar a Razão Social!">
  				<f:ajax listener="#{compraBean.ajaxSaveFornecedor}"/>
  			</p:inputText>  
  			<p:inputText value="#{compraBean.fornecedor.nomeFantasia}" maxlength="40" styleClass="inputDescricao" required="true" requiredMessage="Informar o NomeFantasia!">
  				<f:ajax listener="#{compraBean.ajaxSaveFornecedor}"/>
  			</p:inputText> 
        </h:panelGrid> 
         
        <h:panelGrid  columns="3" style="margin-right:10%;">  
            <h:outputLabel value="CNPJ*" styleClass="outputLabel"/>  
            <h:outputLabel value="Incrição Estadual" styleClass="outputLabel"/>             
            <h:outputLabel value="Incrição Municipal" styleClass="outputLabel"/>  
            <p:inputMask mask="99.999.999/9999-99" value="#{compraBean.fornecedor.cnpj}" styleClass="inputDescricao" style="width:120px"
            			 required="true" requiredMessage="Informar o CNPJ!" > 
            	<f:ajax listener="#{compraBean.ajaxSaveFornecedor}"/>
            	<p:ajax listener="#{fornecedorBean.validaCnpj}"/> 
  			</p:inputMask>             
  			<p:inputText value="#{compraBean.fornecedor.inscricaoEstadual}" styleClass="inputDescricao" style="width:120px" maxlength="20" >
  				<f:ajax listener="#{compraBean.ajaxSaveFornecedor}"/>
  			</p:inputText>   
  			<p:inputText value="#{compraBean.fornecedor.inscricaoMunicipal}" styleClass="inputDescricao" style="width:120px" maxlength="20">
  				<f:ajax listener="#{compraBean.ajaxSaveFornecedor}"/>
  			</p:inputText>   
        </h:panelGrid>  
        <h:panelGrid  columns="3" style="margin-right:10%;">  
            <h:outputLabel value="Logradouro*" styleClass="outputLabel"/>  
            <h:outputLabel value="Número*" styleClass="outputLabel"/>             
            <h:outputLabel value="Complemento" styleClass="outputLabel"/>  
            <p:inputText value="#{compraBean.fornecedor.logradouro}" styleClass="inputDescricao" maxlength="40" required="true" requiredMessage="Informar o logradouro!">
            	<f:ajax listener="#{compraBean.ajaxSaveFornecedor}"/>
  			</p:inputText>   
  			<p:inputText value="#{compraBean.fornecedor.numero}" styleClass="inputId" maxlength="10" required="true" requiredMessage="Informar o número do logradouro!">
  				<f:ajax listener="#{compraBean.ajaxSaveFornecedor}"/>
  			</p:inputText>   
  			<p:inputText value="#{compraBean.fornecedor.complemento}" styleClass="inputDescricao" maxlength="40">
  				<f:ajax listener="#{compraBean.ajaxSaveFornecedor}"/>
  			</p:inputText>   
        </h:panelGrid> 
        <h:panelGrid id="pgCompraFornecedorCidade" columns="5" style="margin-right:10%;">  
            <h:outputLabel value="Código*" styleClass="outputLabel"/>  
            <h:outputLabel value="Cidade*" styleClass="outputLabel"/>             
            <h:outputLabel /> 
            <h:outputLabel value="Estado" styleClass="outputLabel"/>             
            <h:outputLabel value="País" styleClass="outputLabel"/>             
            <p:inputText value="#{compraBean.fornecedor.cidade.idCidade}" styleClass="inputId" >
            	<p:ajax  listener="#{compraBean.onChangeCidade}" update="pgCompraFornecedorCidade" />
            </p:inputText>  
  			<p:inputText  value="#{compraBean.fornecedor.cidade.descricao}" styleClass="inputDescricao" maxlength="40" >
            	<p:ajax  listener="#{compraBean.onChangeCidadeNull}" update="pgCompraFornecedorCidade" />
			</p:inputText>   
  			<p:commandButton icon="ui-icon-search" actionListener="#{compraBean.openDialogConsultarCidade}" process="@this" styleClass="commandButton" immediate="true" /> 
  			<p:inputText value="#{compraBean.fornecedor.cidade.estado.sigla}"  styleClass="inputId" disabled="true"/>
  			<p:inputText value="#{compraBean.fornecedor.cidade.estado.pais.descricao}" styleClass="inputDescricao" disabled="true"/>
        </h:panelGrid> 

        <h:panelGrid columns="1" style="margin-right:10%;"> 
         	<h:outputLabel value="Telefones para Contato" styleClass="outputLabel"/>      
		</h:panelGrid> 

        <h:panelGrid columns="3" style="margin-right:10%;">             
            <h:outputLabel value="Telefone" styleClass="outputLabel"/>      
            <h:outputLabel value="Celular" styleClass="outputLabel"/>  
            <h:outputLabel value="Comercial" styleClass="outputLabel"/>   
            
  			<p:inputMask value="#{compraBean.fornecedor.telefone}" mask="+99 (99) 9999-9999" styleClass="inputTelefone">
  				<f:ajax listener="#{compraBean.ajaxSaveFornecedor}"/>
  			</p:inputMask>   
  			<p:inputMask value="#{compraBean.fornecedor.celular}" mask="+99 (99) 9999-9999" styleClass="inputTelefone">
  				<f:ajax listener="#{compraBean.ajaxSaveFornecedor}"/>
  			</p:inputMask>  
  			<p:inputMask value="#{compraBean.fornecedor.fax}" mask="+99 (99) 9999-9999" styleClass="inputTelefone"/> 
        </h:panelGrid> 
       	<h:panelGrid columns="1" style="margin-right:10%;"> 
         	<h:outputLabel value="Nome do Contato" styleClass="outputLabel"/>  
         	<p:inputText value="#{compraBean.fornecedor.nomeContato}" styleClass="inputDescricao">
         		<f:ajax listener="#{compraBean.ajaxSaveFornecedor}"/>
  			</p:inputText>      
		</h:panelGrid> 
        <h:panelGrid  columns="2" style="margin-right:10%;">  
            <h:outputLabel value="E-mail" styleClass="outputLabel"/> 
            <h:outputLabel value="Site" styleClass="outputLabel"/>             
  			<p:inputText value="#{compraBean.fornecedor.email}" styleClass="inputDescricao">
  				<f:ajax listener="#{compraBean.ajaxSaveFornecedor}"/>
  			</p:inputText>   			
  			<p:inputText value="#{compraBean.fornecedor.site}" styleClass="inputDescricao">
  				<f:ajax listener="#{compraBean.ajaxSaveFornecedor}"/>
  			</p:inputText>    
        </h:panelGrid> 
        
        <h:panelGrid  columns="1" style="margin-right:10%;">  
            <h:outputLabel value="Observação" styleClass="outputLabel"/>       
  			<p:inputTextarea value="#{compraBean.fornecedor.observacao}" rows="3" cols="100" style="font-size:12px;">
  				<f:ajax listener="#{compraBean.ajaxSaveFornecedor}"/>
  			</p:inputTextarea>   
        </h:panelGrid> 
    <p:commandButton value="Salvar" actionListener="#{compraBean.saveFornecedor}" process="@this" update="pgDialogManterFornecedor"  /> 
	<p:commandButton value="Sair" actionListener="#{compraBean.closeManterFornecedor}" process="@this" immediate="true" style="margin-right:20px;" /> 
</h:panelGroup>
</h:form> 
<ui:include src="/view/compra/dialogConsultarCidade.xhtml"></ui:include> 	
</p:dialog>
